<ul class="nav nav-list">
	<li class="hover"><a href="static/lib/"> <i
			class="menu-icon fa fa-tachometer"></i> <span class="menu-text">
				Dashboard </span> </a> <b class="arrow"></b></li>

	<li class="hover"><a href="#" class="dropdown-toggle"> <i
			class="menu-icon fa fa-desktop"></i> <span class="menu-text">
				UI &amp; Elements </span> <b class="arrow fa fa-angle-down"></b> </a> <b
		class="arrow"></b>

		<ul class="submenu">
			<li class="active open hover"><a href="#"
				class="dropdown-toggle"> <i class="menu-icon fa fa-caret-right"></i>

					Layouts <b class="arrow fa fa-angle-down"></b> </a> <b class="arrow"></b>

				<ul class="submenu">
					<li class="active hover"><a
						href="static/lib/ui/two_menu"> <i
							class="menu-icon fa fa-caret-right"></i> Top Menu </a> <b
						class="arrow"></b></li>

					<li class="hover"><a href="static/lib/ui/two_menu_1">
							<i class="menu-icon fa fa-caret-right"></i> Two Menus 1 </a> <b
						class="arrow"></b></li>

					<li class="hover"><a href="static/lib/ui/two_menu_2">
							<i class="menu-icon fa fa-caret-right"></i> Two Menus 2 </a> <b
						class="arrow"></b></li>

					<li class="hover"><a
						href="static/lib/ui/default_mobile_menu"> <i
							class="menu-icon fa fa-caret-right"></i> Default Mobile Menu </a> <b
						class="arrow"></b></li>

					<li class="hover"><a
						href="static/lib/ui/mobile_menu_2"> <i
							class="menu-icon fa fa-caret-right"></i> Mobile Menu 2 </a> <b
						class="arrow"></b></li>

					<li class="hover"><a
						href="static/lib/ui/mobile_menu_3"> <i
							class="menu-icon fa fa-caret-right"></i> Mobile Menu 3 </a> <b
						class="arrow"></b></li>
				</ul></li>

			<li class="hover"><a href="static/lib/ui/typography">
					<i class="menu-icon fa fa-caret-right"></i> Typography </a> <b
				class="arrow"></b></li>

			<li class="hover"><a href="static/lib/ui/elements">
					<i class="menu-icon fa fa-caret-right"></i> Elements </a> <b
				class="arrow"></b></li>

			<li class="hover"><a
				href="static/lib/ui/buttons_icons"> <i
					class="menu-icon fa fa-caret-right"></i> Buttons &amp; Icons </a> <b
				class="arrow"></b></li>

			<li class="hover"><a
				href="static/lib/ui/content_slider"> <i
					class="menu-icon fa fa-caret-right"></i> Content Sliders </a> <b
				class="arrow"></b></li>

			<li class="hover"><a href="static/lib/ui/treeview">
					<i class="menu-icon fa fa-caret-right"></i> Treeview </a> <b
				class="arrow"></b></li>

			<li class="hover"><a href="static/lib/ui/jquery_ui">
					<i class="menu-icon fa fa-caret-right"></i> jQuery UI </a> <b
				class="arrow"></b></li>

			<li class="hover"><a
				href="static/lib/ui/nestable_list"> <i
					class="menu-icon fa fa-caret-right"></i> Nestable Lists </a> <b
				class="arrow"></b></li>

			<li class="hover"><a href="#" class="dropdown-toggle"> <i
					class="menu-icon fa fa-caret-right"></i> Three Level Menu <b
					class="arrow fa fa-angle-down"></b> </a> <b class="arrow"></b>

				<ul class="submenu">
					<li class="hover"><a href="#"> <i
							class="menu-icon fa fa-leaf green"></i> Item #1 </a> <b class="arrow"></b>
					</li>

					<li class="hover"><a href="#" class="dropdown-toggle"> <i
							class="menu-icon fa fa-pencil orange"></i> 4th level <b
							class="arrow fa fa-angle-down"></b> </a> <b class="arrow"></b>

						<ul class="submenu">
							<li class="hover"><a href="#"> <i
									class="menu-icon fa fa-plus purple"></i> Add Product </a> <b
								class="arrow"></b></li>

							<li class="hover"><a href="#"> <i
									class="menu-icon fa fa-eye pink"></i> View Products </a> <b
								class="arrow"></b></li>
						</ul></li>
				</ul></li>
		</ul></li>

	<li class="hover"><a href="#" class="dropdown-toggle"> <i
			class="menu-icon fa fa-list"></i> <span class="menu-text">
				Tables </span> <b class="arrow fa fa-angle-down"></b> </a> <b class="arrow"></b>

		<ul class="submenu">
			<li class="hover"><a
				href="static/lib/tables/simpleDynamic"> <i
					class="menu-icon fa fa-caret-right"></i> Simple &amp; Dynamic </a> <b
				class="arrow"></b></li>

			<li class="hover"><a
				href="static/lib/tables/jqGridPlugin"> <i
					class="menu-icon fa fa-caret-right"></i> jqGrid plugin </a> <b
				class="arrow"></b></li>
		</ul></li>

	<li class="hover"><a href="#" class="dropdown-toggle"> <i
			class="menu-icon fa fa-pencil-square-o"></i> <span class="menu-text">
				Forms </span> <b class="arrow fa fa-angle-down"></b> </a> <b class="arrow"></b>

		<ul class="submenu">
			<li class="hover"><a
				href="static/lib/forms/form_elements"> <i
					class="menu-icon fa fa-caret-right"></i> Form Elements </a> <b
				class="arrow"></b></li>

			<li class="hover"><a
				href="static/lib/forms/form_elements2"> <i
					class="menu-icon fa fa-caret-right"></i> Form Elements 2 </a> <b
				class="arrow"></b></li>

			<li class="hover"><a
				href="static/lib/forms/wizard_validation"> <i
					class="menu-icon fa fa-caret-right"></i> Wizard &amp; Validation </a> <b
				class="arrow"></b></li>

			<li class="hover"><a
				href="static/lib/forms/wysiwyg_markdown"> <i
					class="menu-icon fa fa-caret-right"></i> Wysiwyg &amp; Markdown </a> <b
				class="arrow"></b></li>

			<li class="hover"><a
				href="static/lib/forms/dropzone_file_upload"> <i
					class="menu-icon fa fa-caret-right"></i> Dropzone File Upload </a> <b
				class="arrow"></b></li>
		</ul></li>

	<li class="hover"><a href="static/lib/widgets"> <i
			class="menu-icon fa fa-list-alt"></i> <span class="menu-text">
				Widgets </span> </a> <b class="arrow"></b></li>

	<li class="hover"><a href="static/lib/calendar"> <i
			class="menu-icon fa fa-calendar"></i> <span class="menu-text">
				Calendar <!-- #section:basics/sidebar.layout.badge --> <span
				class="badge badge-transparent tooltip-error"
				title="2 Important Events"> <i
					class="ace-icon fa fa-exclamation-triangle red bigger-130"></i> </span> <!-- /section:basics/sidebar.layout.badge -->
		</span> </a> <b class="arrow"></b></li>

	<li class="hover"><a href="static/lib/gallery"> <i
			class="menu-icon fa fa-picture-o"></i> <span class="menu-text">
				Gallery </span> </a> <b class="arrow"></b></li>

	<li class="hover"><a href="#" class="dropdown-toggle"> <i
			class="menu-icon fa fa-tag"></i> <span class="menu-text"> More
				Pages </span> <b class="arrow fa fa-angle-down"></b> </a> <b class="arrow"></b>

		<ul class="submenu">
			<li class="hover"><a
				href="static/lib/morepage/profile"> <i
					class="menu-icon fa fa-caret-right"></i> User Profile </a> <b
				class="arrow"></b></li>

			<li class="hover"><a href="static/lib/morepage/inbox">
					<i class="menu-icon fa fa-caret-right"></i> Inbox </a> <b class="arrow"></b>
			</li>

			<li class="hover"><a
				href="static/lib/morepage/pricingTable"> <i
					class="menu-icon fa fa-caret-right"></i> Pricing Tables </a> <b
				class="arrow"></b></li>

			<li class="hover"><a href="invoice.html"> <i
					class="menu-icon fa fa-caret-right"></i> Invoice </a> <b class="arrow"></b>
			</li>

			<li class="hover"><a
				href="static/lib/morepage/timeline"> <i
					class="menu-icon fa fa-caret-right"></i> Timeline </a> <b class="arrow"></b>
			</li>

			<li class="hover"><a href="#"> <i
					class="menu-icon fa fa-caret-right"></i> Email Templates </a> <b
				class="arrow"></b></li>

			<li class="hover"><a href="static/lib/morepage/login">
					<i class="menu-icon fa fa-caret-right"></i> Login &amp; Register </a> <b
				class="arrow"></b></li>
		</ul></li>

	<li class="hover"><a href="#" class="dropdown-toggle"> <i
			class="menu-icon fa fa-file-o"></i> <span class="menu-text">
				Other Pages <!-- #section:basics/sidebar.layout.badge --> <span
				class="badge badge-primary">5</span> <!-- /section:basics/sidebar.layout.badge -->
		</span> <b class="arrow fa fa-angle-down"></b> </a> <b class="arrow"></b>

		<ul class="submenu">
			<li class="hover"><a href="static/lib/otherpage/faq">
					<i class="menu-icon fa fa-caret-right"></i> FAQ </a> <b class="arrow"></b>
			</li>

			<li class="hover"><a
				href="static/lib/otherpage/error404"> <i
					class="menu-icon fa fa-caret-right"></i> Error 404 </a> <b
				class="arrow"></b></li>

			<li class="hover"><a
				href="static/lib/otherpage/error500"> <i
					class="menu-icon fa fa-caret-right"></i> Error 500 </a> <b
				class="arrow"></b></li>

			<li class="hover"><a href="static/lib/otherpage/grid">
					<i class="menu-icon fa fa-caret-right"></i> Grid </a> <b class="arrow"></b>
			</li>

			<li class="hover"><a href="static/lib/otherpage/blank">
					<i class="menu-icon fa fa-caret-right"></i> Blank Page </a> <b
				class="arrow"></b></li>
		</ul></li>
</ul>
<!-- /.nav-list -->